
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- <link rel="icon" href="../../favicon.ico"> -->

    <title>品牌介绍</title>

    <!-- Bootstrap core CSS -->
    <link href="../css/bootstrap-theme.css" rel="stylesheet">
    <link href="../css/bootstrap.css" rel="stylesheet">

    <link href="../css/common.css" rel="stylesheet">
    <link href="../css/college.css" rel="stylesheet">
    <link href="../lib/swiper/swiper.min.css" rel="stylesheet" >
    <link href="../lib/video/css/video-js.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

  <body class="brand page">

    <nav class="navbar navbar-default" role="navigation">
      <div class="container-fluid">
        <div class="navbar-header">
          <a class="navbar-brand" href="#">
            <img class="logo" src="../images/logo.png" alt="...">
          </a>
          <!-- <button type="button" class="navbar-toggle " data-toggle="collapse"
                  data-target="#example-navbar-collapse">
              <span class="sr-only">切换导航</span>
              <span class="icon-bar top-bar"></span>
              <span class="icon-bar bottom-bar"></span>
              <span class="icon-bar"></span>
          </button> -->

          <img class="menu-switch" src="../images/index-menu.png" alt="..." />
          <!-- <a class="navbar-brand" href="#">菜鸟教程</a> -->
        </div>
        <div class="collapse navbar-collapse" id="example-navbar-collapse">
            <img class="closeNav" src="../images/mobile-phone-close.png" alt="..." />
            <ul class="nav navbar-nav navbar-right">
              <li><a href="../index.html">首页</a></li>
              <li><a href="../childStar/childNews.html">新闻资讯</a></li>
              <li class="dropdown active" >
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">童星学院 <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li class="active"><a href="./brand.html">品牌介绍</a></li>
                  <li><a href="./team.html">公司团队</a></li>
                  <li><a href="./join.html">机构加盟</a></li>
                  <li  ><a href="./cooperation.html">商务合作</a></li>
                  <li><a href="./contactUs.html">联系我们</a></li>
                </ul>
              </li>
              <li ><a href="../childStar/childStar.html">童星通告</a></li>
              <li><a href="../star/star.html">童星库</a></li>
              <li ><a href="../childStar/childStarInfo.html">我的</a></li>
              <li class="search">
                <img class="search_icon" src="../images/search.png" alt="...">
              </li>
               <li class="reg_login">
                <div class="reg_login"  aria-label="...">
                  <!-- <button type="button" class="btn btn-default login">登录</button> -->
                  <a class="login" target="_blank" href="../login.html">登录</a>
                </div>
              </li>
              <li class="reg_login">
                <div class="reg_login"  aria-label="...">
                  <!-- <button type="button" class="btn btn-default regist">注册</button> -->
                  <a class="regist" target="_blank" href="../register.html">注册</a>
                </div>
              </li>
            </ul>
          </div>
        </div>
     </nav>

      <div class="page_main">
        <img src="../images/join_main.jpg" alt="...">
      </div>

    <!-- 品牌介绍 -->
    <div class="jumbotron introduce">
      <div class="container">
        <div class="row">
          <div class="col-md-6 jumbotronContent">
            <h3 class="title">品牌介绍</h3>
            <p class="txt">横店童星学院是横店影视城少儿影视链的核心品牌，以强大的横店影视城产业资源，专业的
  影视表演学院加持，致力于打造中国高端少儿艺术教育顶尖品牌。
  横店童星学院是横店影视城少儿影视链的核心品牌，以强大的横店影视城产业资源，专业的
  影视表演学院加持，致力于打造中国高端少儿艺术教育顶尖品牌。依托横店影视城独有的、
  强大的影视资源，构建会员系统平台，打通艺术培训机构、影视剧组、有才艺的儿童之间的
  通道，缔造多元化少儿产业链，从而推动国内少儿产业的良性发展。</p>
  			<div class="zhuangshi"></div>
          </div>
          <div class="col-md-6 video_wrap" style="height: 350px;">

            <video id="my-video" class="video-js vjs-big-play-centered" controls preload="auto" width="320" height="240"
              poster="http://www.jq22.com/demo/vide7.1.0201807161136/m.jpg" data-setup="{}">
              <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
              <source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm">
              <source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg">
                <p class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> </p>
            </video>
          
          </video>
          </div>
        </div>
      </div>
    </div>
    <!--品牌介绍-->

    <!-- 师资团队 -->
    <div class="container team">
      <h3 class="title">师资团队</h3>
      <img class="brand-decoration" src="../images/brand-decoration.jpg" alt="...">

      <div class="swiper-container teacher_list">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <div class="row">
              <div class="col-md-6 team_img">
                <span class="border-line"></span>
                <img src="../images/brand_teacher_02.jpg" alt="...">
              </div>
              <div class="col-md-6 team_desc">
                <h3 class="title"></h3>
                <h3 class="title details_title">宫媛</h3>
                <span class="title_line line-left"></span>
                <p class="txt">宫媛，内地新生代女演员，毕业于北京电影学院表演系。以其清新亮丽的形象和造型多变的影视角色给观众留下深刻印象。她凭借在湖南卫视收视力作《新济公活佛》、《天天有喜》、《唐宫燕》、《深宫谍影》等电视剧中的出色表演，晋升中国内地优质小花旦行列。同时，由她主演的电视剧《后宫》、《烽火儿女情》、《如锦》等优秀电视剧作品也先后在中央电视台及各大卫视热播，使其人气直线上升。</p>
              </div>
            </div><!--row-->
          </div>
          <div class="swiper-slide">
             <div class="row">
              <div class="col-md-6 team_img">
                <span class="border-line"></span>
                <img src="../images/brand_teacher_03.jpg" alt="...">
              </div>
              <div class="col-md-6 team_desc">
                <h3 class="title"></h3>
                <h3 class="title details_title">黄益龙</h3>
                <span class="title_line line-left"></span>
                <p class="txt">黄益龙，横店影视城演员经纪公司旗下艺人，中国大陆新生代动作演员  、编剧， 曾出演了电影《战将之兄弟》   、《死亡营救之哥哥篇》 、《无极诀之校花的超级保镖》 等影片。
2008年获得轻量级自由搏击冠军，是一名拥有动作，演技及形象完美结合的优秀演员，曾被导演认可为中国未来新的动作巨星。
</p>
              </div>
            </div><!--row-->
          </div>
          <div class="swiper-slide">
             <div class="row">
              <div class="col-md-6 team_img">
                <span class="border-line"></span>
                <img src="../images/brand_teacher_04.jpg" alt="...">
              </div>
              <div class="col-md-6 team_desc">
                <h3 class="title"></h3>
                <h3 class="title details_title">李帅</h3>
                <span class="title_line line-left"></span>
                <p class="txt">李帅，横店影视城演员经纪公司旗下艺人，毕业于上海师范大学谢晋影视艺术学院，实力派男演员，曾参演过多部热播影视剧，在电视剧《田姐辣妹》饰演苏卫东，在电视剧《美味奇缘》饰演卢鹏飞，除此之外还有《婆媳的战国时代》《大好时光》《爱的创可贴》《风华正茂》《天意》等。</p>
              </div>
            </div><!--row-->
          </div>

          <div class="swiper-slide">
             <div class="row">
              <div class="col-md-6 team_img">
                <span class="border-line"></span>
                <img src="../images/brand_teacher_05.jpg" alt="...">
              </div>
              <div class="col-md-6 team_desc">
                <h3 class="title"></h3>
                <h3 class="title details_title">梁鑫阳</h3>
                <span class="title_line line-left"></span>
                <p class="txt">梁鑫阳，新锐青年男演员，毕业于湖南大学音乐表演专业，2018影视星趋势风尚大典星辉艺人奖获得者。他亲善、友好、阳光、开朗、风趣，曾参加过真人秀《时尚星秀：拉阔校草》的录制，也作为青年演员代表出席过中国慈善盛典活动。 代表作《御医风云》《惊天岳雷》《新六指琴魔》等。</p>
              </div>
            </div><!--row-->
          </div>

          <div class="swiper-slide">
             <div class="row">
              <div class="col-md-6 team_img">
                <span class="border-line"></span>
                <img src="../images/brand_teacher_06.jpg" alt="...">
              </div>
              <div class="col-md-6 team_desc">
                <h3 class="title"></h3>
                <h3 class="title details_title">芦展翔</h3>
                <span class="title_line line-left"></span>
                <p class="txt">芦展翔，横店影视城演员经纪公司旗下艺人，2016年横店影视城首届儿童奥斯卡[横店童星盛典]中荣获星秀奖，2017年第二届横店儿童奥斯卡[横店童星盛典]与关晓彤一起担任形象大使；电视剧作品《极光之恋》中饰演马可小时候、《八月未央》中饰演付辛博小时候、《一起同过窗2》饰演毕十三、《龙凤店传奇》饰演小满、《台湾往事》中饰演少年林清文、新《六指琴魔》中饰演少年曹敬慈、《天意》饰演二毛、《天乩之白蛇》饰演小许宣等等；电影作品：《真三国无双》等。
从出道起每一部作品都是与著名演员合作的高水准、大制作，到现在的新《倚天屠龙记》的少年张无忌，可以说芦展翔的星途走得坦荡又扎实。
</p>
              </div>
            </div><!--row-->
          </div>

          <div class="swiper-slide">
             <div class="row">
              <div class="col-md-6 team_img">
                <span class="border-line"></span>
                <img src="../images/brand_teacher_07.jpg" alt="...">
              </div>
              <div class="col-md-6 team_desc">
                <h3 class="title"></h3>
                <h3 class="title details_title">孟蔚</h3>
                <span class="title_line line-left"></span>
                <p class="txt">孟蔚，中国内地男演员，横店影视城旗下艺人，毕业于中央戏剧学院表演系。2017中国横店影视节“文荣奖”未来之星奖获得者。他是一位对演技懂得文火慢炖的智慧男演员。他不仅自带古代书生气质，而且还温润如玉。代表作《战神》《媚者无疆》《血染大青山》《辛亥革命》《恋人的谎言》《远大前程》《面向大海》《白蛇传》等。 </p>
              </div>
            </div><!--row-->
          </div>
          <div class="swiper-slide">
             <div class="row">
              <div class="col-md-6 team_img">
                <span class="border-line"></span>
                <img src="../images/brand_teacher_09.jpg" alt="...">
              </div>
              <div class="col-md-6 team_desc">
                <h3 class="title"></h3>
                <h3 class="title details_title">邵思涵</h3>
                <span class="title_line line-left"></span>
                <p class="txt">邵思涵，毕业于中央戏剧学院表演系，中国内地女演员。横店影视城演员经纪公司旗下艺人，主要作品有《离婚协议》《医馆笑传2》《煮妇神探》《绝地防线》《白蛇传》《凤弈》等。她积极乐观、正能量爆棚，特别热爱生活，平时喜欢和朋友们聚会。面对各种角色她这样说：每部戏，都有不同的人生，我热爱自己的职业，热爱演戏，所以我会去努力拍好每部戏，赋予角色该有的灵魂。</p>
              </div>
            </div><!--row-->
          </div>
          <div class="swiper-slide">
             <div class="row">
              <div class="col-md-6 team_img">
                <span class="border-line"></span>
                <img src="../images/brand_teacher_10.jpg" alt="...">
              </div>
              <div class="col-md-6 team_desc">
                <h3 class="title"></h3>
                <h3 class="title details_title">唐绮</h3>
                <span class="title_line line-left"></span>
                <p class="txt">唐绮，横店影视城演员经纪公司旗下艺人，毕业于上海戏剧学院，曾是谢霆锋、吴奇隆力捧的偶像团体蜜蜂少女队成员。
   代表作：
   舞台剧《奇妙食堂》饰演: 咕 叽（主演）；
   影视剧《不可思议的世界》饰演: 柳 宿（女一）、《锦瑟何年》饰演：木 槿 年（女一）、《长兴之恋》饰演：君 君（女一）等。
   音乐作品：MV单曲《I'm so ok》等  
</p>
              </div>
            </div><!--row-->
          </div>

          <div class="swiper-slide">
             <div class="row">
              <div class="col-md-6 team_img">
                <span class="border-line"></span>
                <img src="../images/brand_teacher_11.jpg" alt="...">
              </div>
              <div class="col-md-6 team_desc">
                <h3 class="title"></h3>
                <h3 class="title details_title">朱荣荣</h3>
                <span class="title_line line-left"></span>
                <p class="txt">朱荣荣，中国内地男演员，毕业于广东亚视演艺职业学院，2008年朱荣荣获得银联形象大使比赛亚军  。他积极向上，生活中充满阳光，他热爱公益，并经常参加公益志愿者活动。2014年凭借主演的爱情惊悚电影《宫俊的临界边缘》获金蔷薇奖最佳男主角奖  。影视代表作《蜀山战纪1》、《蜀山战纪2踏火行歌》、《新寻秦记》、《新白发魔女传》、《新六指琴魔》、《小菊的春天》、《如果爱可以重来》等。</p>
              </div>
            </div><!--row-->
          </div>

        </div><!--wrap-->
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination team_line"></div>
      </div>
    </div><!--师资团队 end-->
    <!-- <div class="container team">
      <h3 class="title">师资团队</h3>
      <div class="row">
        <div class="col-md-6 team_img">
          <img src="../images/brand_01.jpg" alt="...">
        </div>
        <div class="col-md-6 team_desc">
          <h3 class="title"></h3>
          <h3 class="title details_title">品牌介绍</h3>
          <span class="title_line line-left"></span>
          <p class="txt">横店童星学院是横店影视城少儿影视链的核心品牌，以强大的横店影视城产业资源，专业的
影视表演学院加持，致力于打造中国高端少儿艺术教育顶尖品牌。
横店童星学院是横店影视城少儿影视链的核心品牌，以强大的横店影视城产业资源，专业的
影视表演学院加持，致力于打造中国高端少儿艺术教育顶尖品牌。依托横店影视城独有的、
强大的影视资源，构建会员系统平台，打通艺术培训机构、影视剧组、有才艺的儿童之间的
通道，缔造多元化少儿产业链，从而推动国内少儿产业的良性发展。</p>
        </div>
      </div>
      <div class="team_line">
        <div class="member">
          <span class="icon_head"><img src="../images/brand_02.jpg" alt="..."></span>
          <span class="name">邵思涵</span>
          <span class="line"></span>
          <span class="spot"></span>

        </div>
        <div class="member">
          <span class="icon_head"><img src="../images/brand_03.jpg" alt="..."></span>
          <span class="name">孟蔚</span>
          <span class="line"></span>
          <span class="spot"></span>
        </div>
        <div class="member">
          <span class="icon_head"><img src="../images/brand_04.jpg" alt="..."></span>
          <span class="name">宫媛</span>
          <span class="line"></span>
          <span class="spot"></span>
        </div>
        <div class="member">
          <span class="icon_head"><img src="../images/brand_05.jpg" alt="..."></span>
          <span class="name">钱晨洁</span>
          <span class="line"></span>
          <span class="spot"></span>
        </div>
        <div class="member">
          <span class="icon_head"><img src="../images/brand_06.jpg" alt="..."></span>
          <span class="name">朱荣荣</span>
          <span class="line"></span>
          <span class="spot"></span>
        </div>
        <div class="member">
          <span class="icon_head"><img src="../images/brand_07.jpg" alt="..."></span>
          <span class="name">李帅</span>
          <span class="line"></span>
          <span class="spot"></span>
        </div>
        <div class="member">
          <span class="icon_head"><img src="../images/brand_08.jpg" alt="..."></span>
          <span class="name">黄益龙</span>
          <span class="line"></span>
          <span class="spot"></span>
        </div>
        <div class="member">
          <span class="icon_head"><img src="../images/brand_09.jpg" alt="..."></span>
          <span class="name">梁鑫阳</span>
          <span class="line"></span>
          <span class="spot"></span>
        </div>
      </div>
    </div> --><!--师资团队-->

    <!--课程介绍-->
    <div class="jumbotron curriculum">
      <div class="container">
        <div>
          <h3 class="title">课程介绍</h3>
          <p class="subtitle">Course Introduction</p>
        </div>
        <div class="swiper-container kechengjieshao">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="kechengItem item">
                  <h3 class="title">第一年培育期</h3>
                  <div class="line">
                    <span></span>
                    <span></span>
                  </div>
                  <p class="txt">初级校外拍摄体验产品：</br>
        MTV/体验类微电影、暑期特训营。</p>
                </div>
            </div>
            <div class="swiper-slide">
              <div class="kechengItem item">
                   <h3 class="title">第二年成长期</h3>
                   <div class="line">
                    <span></span>
                    <span></span>
                  </div>
                  <p class="txt">电视栏目类少儿剧：</br>
        子曰学院、定制剧、影视表演考级。</p>
               </div>
            </div>
            <div class="swiper-slide">
               <div class="kechengItem item">
                   <h3 class="title">第三年成熟期</h3>
                   <div class="line">
                    <span></span>
                    <span></span>
                  </div>
                  <p class="txt">自制剧、综艺类、网络大电影、网剧</br>
        以及童星经纪机会。</p>
                </div>

            </div>
            <div class="swiper-slide">
              <div class="kechengItem item">
                   <h3 class="title">校外拍摄实践</h3>
                   <div class="line">
                    <span></span>
                    <span></span>
                  </div>
                  <p class="txt">真正做到边玩边学并有实际成果展现，</br>
        也便于教师对于自己教学成果的反馈与
        反思。</p>
                </div>
            </div>
            <div class="swiper-button-next"></div>
          </div>
        </div>
        

      </div>
   </div>
   <!--课程介绍-->

    <!--运作形式-->
    <div class=" run">
      <div>
        <h3 class="title center">运作形式</h3>
        <p class="subtitle center">Form of operation</p>
      </div>
      <div class="swiper-container yunzuoxingshi">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <img class="operating" src="../images/bgtwo.png" />
              <div class="operating_con">
                <h3 >1.合作授权签署</h3>
              </div>
            </div>
            <div class="swiper-slide">
              <img class="operating" src="../images/bgtwo.png" />
              <div class="operating_con">
                <h3 >2.活动推广方案</h3>
              </div>
                
            </div>
            <div class="swiper-slide">
              <img class="operating" src="../images/bgtwo.png" />
              <div class="operating_con">
                <h3 >3.市场宣传推广</h3>
              </div> 
            </div>
            <div class="swiper-slide">
              <img class="operating" src="../images/bgtwo.png" />
              <div class="operating_con">
                <h3 >4.封闭式师资培训</h3>
              </div>  
            </div>
            <div class="swiper-slide">
              <img class="operating" src="../images/bgtwo.png" />
              <div class="operating_con">
                <h3 >5.课程课件支持</h3>
              </div>   
            </div>
            <div class="swiper-slide">
              <img class="operating" src="../images/bgtwo.png" />
              <div class="operating_con">
                <h3 >6.课程升级支持</h3>
              </div>
            </div>
            <div class="swiper-slide">
              <img class="operating" src="../images/bgtwo.png" />
              <div class="operating_con">
                <h3 >7.市场营销团队支持</h3>
              </div>
            </div>
            <div class="swiper-slide">
              <img class="operating" src="../images/bgtwo.png" />
              <div class="operating_con">
                <h3 >8.影视城优先输出支持</h3>
              </div>
            </div>
          </div>
      </div>
  

    </div><!--运作形式-->

    <!--校区分布-->
    <div class="jumbotron position">
      <div>
        <div>
          <h3 class="title">校区分布</h3>
          <p class="subtitle">COLLEGE DISTRIBUTION</p>

          <div class="swiper-container college_list">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <div class="item">
                  <img src="../images/brand_10.jpg" alt="...">
                  <h4>江西童星学院</h4>
                  <p>江西省赣州市章贡区于都路如意花园19-1号</p>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="item">
                  <img src="../images/brand_11.jpg" alt="...">
                  <h4>安吉童星学院</h4>
                  <p>浙江省湖州市安吉县昌硕街道安吉大道8号凤凰山西侧3幢404</p>
                </div>
              </div>
              <div class="swiper-slide">
                 <div class="item">
                  <img src="../images/brand_12.jpg" alt="...">
                  <h4>上海童星学院</h4>
                  <p>上海市青浦区公园东路1155号2018室</p>
                </div>
              </div>
              <div class="swiper-slide">
               <div class="item">
                  <img src="../images/brand_13.jpg" alt="...">
                  <h4>金华童星学院</h4>
                  <p>浙江省金华市婺城区碧云路28号06</p>
                </div>
              </div>

            </div>
          </div>
        </div>
      </div>
    </div><!--校区分布-->

     <footer class="foot">
      <div class="container">
        <div class="row">
          <div class="col-md-6 wxCode">
            <div class="wxWrap">
              <div class="pub">
                <img class="wx_01" src="../images/wx_01.jpg">
                <p>微信公众号</p>
              </div>
              <div class="sma">
                <img src="../images/wx_02.jpg">
                <p>小程序</p>
              </div>
            </div>
          </div>
          <div class="col-md-6 info" >
            <p>童星学院  |  版权声明  |  隐私保障  |  商业合作  |  加入我们  |  联系方式</p>
            <p>咨询热线：0579-8690 8770</p>
            <p>地址：浙江省金华市东阳市横店明清宫苑内</p>
            <p>Copyright ＠东阳市横店影视城微电影有限公司, All Rights Reserved   浙ICP备00000000号-1</p>
          </div>
        </div>
      </div>
    </footer>

    <script src="../js/jquery.min.js"></script>
    <script src="../lib/swiper/swiper.min.js"></script>
    <script src="../js/bootstrap.js"></script>
    <script src="../lib/video/js/video.min.js"></script> 
    <script src="http://vjs.zencdn.net/5.19/lang/zh-CN.js"></script>
  </body>
</html>
<script type="text/javascript">


$(function(){
  var loopNum = 4;
  var loopNumTwo = 4;
  var spaceNum = 30;
  var autoplayValue = false;
  var clientwidth = document.body.clientWidth
  if(clientwidth<768){
    loopNum = 1;
    loopNumTwo = 2;
    spaceNum =10
    autoplayValue = true
  }
  var myKecheng = new Swiper('.kechengjieshao', {
     loop: true, // 循环模式选项
     slidesPerView: loopNum,
     spaceBetween: spaceNum,
     autoHeight: true,
     autoplay:autoplayValue,
     nextButton:'.swiper-button-next',
  })
  var yunzuo = new Swiper('.yunzuoxingshi',{
    loop: true, // 循环模式选项
     slidesPerView: loopNumTwo,
     spaceBetween: spaceNum,
     autoHeight: true,
     autoplay:autoplayValue,
     nextButton:'.swiper-button-next',
    //  autoplay:true
    // autoplay: {
    //   delay: 2000,
    //   stopOnLastSlide: false,
    //   disableOnInteraction: true,
    // }
  })

  swiper();
  window.onresize=function(){
    swiper();
    sliederList();
  };

  var myPlayer = videojs('my-video');
  videojs("my-video").ready(function(){
    var myPlayer = this;
    myPlayer.play();
  });
})

  function swiper(){
    var page = $('.page');
    var video = page.find('.video');
    var video_wrap = page.find('.video_wrap');

    var vw_height = video_wrap.height();
    var vw_width = video_wrap.width();
    video.attr('width',vw_width+'px')
    video.attr('height',vw_height+'px')
    // video.css({
    //   'height':vw_height,
    //   'width':vw_width
    // })

    var performer= [
      {
        'name':'宫媛',
        'url':'../images/head_img/brand_head_teacher_02.jpg',
      },
      {
        'name':'黄益龙',
        'url':'../images/head_img/brand_head_teacher_03.jpg',
      },
      {
        'name':'李帅',
        'url':'../images/head_img/brand_head_teacher_04.jpg',
      },
      {
        'name':'梁鑫阳',
        'url':'../images/head_img/brand_head_teacher_05.jpg',
      },
      {
        'name':'芦展翔',
        'url':'../images/head_img/brand_head_teacher_06.jpg',
      },
      {
        'name':'孟蔚',
        'url':'../images/head_img/brand_head_teacher_07.jpg',
      },
      {
        'name':'邵思涵',
        'url':'../images/head_img/brand_head_teacher_09.jpg',
      },
      {
        'name':'唐绮',
        'url':'../images/head_img/brand_head_teacher_10.jpg',
      },
      {
        'name':'朱荣荣',
        'url':'../images/head_img/brand_head_teacher_11.jpg',
      },
    ];


    var mySwiper = new Swiper('.teacher_list', {
      direction: 'horizontal', // 垂直切换选项
      loop: true, // 循环模式选项
      // autoplay: true,//可选选项，自动滑动
      // 如果需要分页器
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
        renderBullet: function (index, className) {//设置自定义的的分页器 即下方的切换点形态
          return '<span class="' + className + ' member" style="width:'+100/3+'%" >'+
              '<span class="icon_head"><img src="../images/'+performer[index].url+'" alt="..."></span>'+
              '<span class="name">'+performer[index].name+'</span>'+
              '<span class="line"></span>'+
              '<span class="spot"></span>'+
          '</span>';
        },
      },

      // 如果需要前进后退按钮
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      }
    })


    // var swiper = new Swiper('.swiper-container',{
    //   pagination: {
    //       el: '.swiper-pagination',
    //       clickable: true,
    //       renderBullet: function (index, className) {
    //           return '<span class="' + className + '"><image src="upload/s0' + ( index  + 1 ) + '.jpg"></span>';
    //       },
    //      },
    // });
    sliederList();

    
  }

  function sliederList(){
    var collegeList = new Swiper('.college_list', {
      // autoplay: true,//可选选项，自动滑动
      // loop: true, // 循环模式选项
      slidesPerView : ($(window).width() > 1023 ? 4 : 2), 
    })
  }
  $(function(){
   $('.closeNav').on('click',function(){
      $('#example-navbar-collapse').find('.navbar-nav').hide();
      $(this).hide();
    })

    $('.menu-switch').on('click',function(){
      $('#example-navbar-collapse').show();
      $('#example-navbar-collapse').find('.navbar-nav').show();
      $('.closeNav').show();
    })
  })
</script>


<style type="text/css">

  .swiper-pagination{
    position:relative;
    width:100%;}
  .swiper-pagination-bullet{
    width:25%;
    height:auto;
    background:none;}
  .swiper-pagination-bullet img{
    width:100%;}
  .kechengItem{
      width: 100%;
    }
.page .run .run_cont{
	padding-bottom: 40px;
}
@media (max-width: 768px) {
 .brand .curriculum .item{
  background-size: 95% 88%;
 }
 .page .run .run_cont{
   background-size: 100% 92%;
   padding-right: 5px;
 }

}
</style>
